
<link rel="stylesheet" href="{img_dir}/featuredcontentglider.css" type="text/css" />
<link rel="stylesheet" href="{img_dir}/cssbuttonstoggler.css" type="text/css"/>
<script type="text/javascript" src="{script_url}/scripts/featuredcontentglider.js"></script>
<script type="text/javascript" src="{script_url}/scripts/jquery-1.2.2.pack.js"></script>
<script type="text/javascript">
    featuredcontentglider.init({
	gliderid: "canadaprovinces", //ID of main glider container
	contentclass: "glidecontent", //Shared CSS class name of each glider content
	togglerid: "p-select", //ID of toggler container
	remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
	selected: 0, //Default selected content index (0=1st)
	persiststate: false, //Remember last content shown within browser session (true/false)?
	speed: 500, //Glide animation duration (in milliseconds)
	direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
	autorotate: true, //Auto rotate contents (true/false)?
	    autorotateconfig: [3000, 10] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
	})
</script>           
<div id="canadaprovinces" class="glidecontentwrapper">
<!-- START BLOCK : stknews -->
<div class="glidecontent">

<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div id="xcaption" class="rnewstitle">{caption}</div>
<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} </div><div class="news">&nbsp;{text}&nbsp;
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="">  {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

</div>
<!-- END BLOCK : stknews -->
</div>

<center>
<div style="width:50%;">
                       
<div id="p-select" class="cssbuttonstoggler" style="text-align:center;">
                         
 <a href="#" class="next"><span></span></a>
                         
 <a href="#" class="toc"><span>1</span></a> 
 <a href="#" class="toc"><span>2</span></a> 
 <a href="#" class="toc"><span>3</span></a>
 <a href="#" class="toc"><span>4</span></a> 
 <a href="#" class="toc"><span>5</span></a> 
 <a href="#" class="toc"><span>6</span></a>
 <a href="#" class="toc"><span>7</span></a> 
 <a href="#" class="toc"><span>8</span></a> 
 <a href="#" class="toc"><span>9</span></a>
 <a href="#" class="toc"><span>10</span></a> 
                         
 <a href="#" class="prev"><span></span></a>
                         
 </div>
</div>
</center>
<br>                   
                    
